<template>
    <!-- pages/study/question/question.wxml -->
    <view class="all">
        <form @submit.stop.prevent="formSubmit" @reset.stop.prevent="formReset" @submit="questionSubmit">
            <view>
                <view class="inputs">
                    <text>学校名称：</text>
                    <input name="nameOfSchool" />
                </view>
                <view class="inputs">
                    <text>选择地区/国家：</text>
                    <input name="country" />
                </view>
                <text>问题:</text>
                <textarea name="ques"></textarea>
                <view class="btn-area">
                    <button style="margin: 30rpx 0" type="primary" formType="submit">Submit</button>
                    <button style="margin: 30rpx 0" formType="reset">Reset</button>
                </view>
            </view>
        </form>
    </view>
</template>

<script>
// pages/study/question/question.js
export default {
    data() {
        return {};
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        formSubmit(e) {
            console.log('form发生了submit事件，携带数据为：', e.detail.value);
        },

        formReset(e) {
            console.log('form发生了reset事件，携带数据为：', e.detail.value);
        },

        questionSubmit: function (e) {
            this.setData({
                nameOfSchool: e.detail.value.nameOfSchool,
                country: e.detail.value.country,
                ques: e.detail.value.ques
            });
        }
    }
};
</script>
<style>
/* pages/study/question/question.wxss */
</style>
